<template>
  <div>
    <el-descriptions title="订单信息" column="1">
          <el-descriptions-item label="订单ID">{{this.cate.id}}</el-descriptions-item>
          <el-descriptions-item label="订单号">{{this.cate.goodsNum}}</el-descriptions-item>
          <el-descriptions-item label="订单类型">{{this.cate.goodsType}}</el-descriptions-item>
          <el-descriptions-item label="收件人名字"> {{this.cate.name}}</el-descriptions-item>
          <el-descriptions-item label="商品描述"> {{this.cate.goodsdesc}}</el-descriptions-item>

          <el-descriptions-item label="支付金额"> {{this.cate.pay}}</el-descriptions-item>
          <el-descriptions-item label="下单时间"> {{this.cate.createAt}}</el-descriptions-item>

      </el-descriptions>
  </div>
</template>

<script>
export default {
  props: {
    catess: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
      cate: {
        id: 0,
        goodsNum: 0,
        goodsType: 'aa',
        name: 'aa',
        goodsdesc: 'aa',
        pay: 0,
        createAt: ''
      }
    }
  },
  watch: {
    catess (val) {
      this.cate = {
        ...this.catess
      }
    }
  },
  mounted () {
    console.log(this.catess)
    console.log(this.cate)
  }

}
</script>

<style lang="scss" scoped>

</style>
